<%@taglib uri="/struts-tags" prefix="s" %>
<html>
<head>
<title>Movie Edit Page</title>
<link type="text/css" rel="stylesheet" href="style/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="js/jquery-ui-1.8.16.min.js"></script>
<style type="text/css">
div.ui-datepicker{
 font-size:12px;
}

</style>
<script type="text/javascript">
	$(document).ready(function(){
		$( "#date" ).datepicker({
			changeMonth: true,
			changeYear: true,
			yearRange: '1800:2015'
		});
	});
</script>
</head>
<body>
<s:form action="MovieCrudAction.html?action=save">
<div align="center">
<fieldset style="width: 900px;height:350px">
<legend  style="font: bold;">Movie Edit Page</legend>
<table>
	<tr>
	<s:hidden name="movieDto.id"></s:hidden>
		<td>Title</td>
		<td><s:textfield name="movieDto.title" maxlength="100"></s:textfield></td>
		<td>Alias</td>
		<td><s:textfield name="movieDto.alias" maxlength="100"></s:textfield></td>
	</tr>
	<tr>
		<td>Release Date</td>
		<td><s:textfield name="movieDto.releaseDate" id="date" ></s:textfield></td>
		<td>Duration</td>
		<td><s:textfield name="movieDto.duration" maxlength="3"></s:textfield></td>
	</tr>
	<tr>
		<td>Censor</td>
		<td><s:select name="movieDto.censor" list="#{'U':'U','PG':'PG','UA':'UA','A':'A'}">
		</s:select></td>
	</tr>
	<tr>
		<td>Small Synopsis</td>
		<td colspan="3"><s:textarea name="movieDto.synopsisSmall" rows="3" cols="40"></s:textarea></td>
	</tr>
	<tr>
		<td>Big Synopsis</td>
		<td colspan="3"><s:textarea name="movieDto.synopsisBig" rows="5" cols="40"></s:textarea></td>
	</tr>
	<tr>
	<td>
		<a href="javascript:void(0);" class="saveButton" onclick="$(this).parents('form:first').submit();"></a>
	</td>
	</tr>
</table>
</fieldset>
</div>
</s:form>
</body>
</html>